export const Bilibili = ({ className }: { className: string }) => (
  <svg
    className={className}
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    width="200"
    height="200"
    stroke="currentColor"
    fill="currentColor"
  >
    <path d="M306.005333 117.632L444.330667 256h135.296l138.368-138.325333a42.666667 42.666667 0 0 1 60.373333 60.373333L700.330667 256H789.333333A149.333333 149.333333 0 0 1 938.666667 405.333333v341.333334a149.333333 149.333333 0 0 1-149.333334 149.333333h-554.666666A149.333333 149.333333 0 0 1 85.333333 746.666667v-341.333334A149.333333 149.333333 0 0 1 234.666667 256h88.96L245.632 177.962667a42.666667 42.666667 0 0 1 60.373333-60.373334zM789.333333 341.333333h-554.666666a64 64 0 0 0-63.701334 57.856L170.666667 405.333333v341.333334a64 64 0 0 0 57.856 63.701333L234.666667 810.666667h554.666666a64 64 0 0 0 63.701334-57.856L853.333333 746.666667v-341.333334A64 64 0 0 0 789.333333 341.333333zM341.333333 469.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666666-42.666667z m341.333334 0a42.666667 42.666667 0 0 1 42.666666 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666667-42.666667z"></path>
  </svg>
);

export const GithubCircle = ({ className }: { className: string }) => (
  <svg
    className={className}
    stroke="currentColor"
    fill="currentColor"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    width="200"
    height="200"
  >
    <path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9 23.5 23.2 38.1 55.4 38.1 91v112.5c0.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path>
  </svg>
);

export const MindMapIcon = ({ className }: { className: string }) => (
  <svg
    className={`w-6 h-6 font-black ${className}`}
    stroke="currentColor"
    strokeWidth="8px"
    fill="currentColor"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    width="32"
    height="32"
  >
    <path
      d="M644.068 448.432h177.505c50.729 0 92-41.271 92-92V239.3c0-50.729-41.271-92-92-92H644.068c-50.729 0-92 41.271-92 92v28.506h-40.857c-49.667 0-90.074 40.407-90.074 90.074v90.674c0 18.789-15.286 34.074-34.074 34.074h-23.875v-57.116c0-50.729-41.271-92-92-92h-95.086c-50.729 0-92 41.271-92 92v181.869c0 50.729 41.271 92 92 92h95.086c50.729 0 92-41.271 92-92v-68.754h23.875a89.58 89.58 0 0 0 34.074-6.699v134.358c0 49.667 40.407 90.073 90.074 90.073h40.857v28.032c0 50.729 41.271 92 92 92h177.505c50.729 0 92-41.271 92-92V672.099c0-50.729-41.271-92-92-92H644.068c-50.729 0-92 41.271-92 92v28.261h-40.857c-18.789 0-34.074-15.285-34.074-34.073V452.434c0-0.47-0.013-0.937-0.035-1.402 0.022-0.823 0.035-1.649 0.035-2.478V357.88c0-18.789 15.286-34.074 34.074-34.074h40.857v32.625c0 50.73 41.272 92.001 92 92.001z m-36-209.132c0-19.851 16.149-36 36-36h177.505c19.851 0 36 16.149 36 36v117.132c0 19.851-16.149 36-36 36H644.068c-19.851 0-36-16.149-36-36V239.3z m-300.88 368.082c0 19.851-16.149 36-36 36h-95.086c-19.851 0-36-16.149-36-36V425.513c0-19.851 16.149-36 36-36h95.086c19.851 0 36 16.149 36 36v181.869z m300.88 64.717c0-19.851 16.149-36 36-36h177.505c19.851 0 36 16.149 36 36v112.293c0 19.851-16.149 36-36 36H644.068c-19.851 0-36-16.149-36-36V672.099z"
      fill="currentColor"
    ></path>
  </svg>
);

export const TldrawIcon = ({ className }: { className: string }) => (
  <svg
    className={`w-4 h-4 font-black ${className}`}
    stroke="currentColor"
    fill="currentColor"
    width="32"
    height="32"
    viewBox="-4 0 40 40"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clipPath="url(#clip0_1094_102908)">
      <path
        strokeWidth={5}
        d="M0.501953 4.4032C0.501953 2.4611 2.01005 0.886719 3.87037 0.886719H29.1335C30.9939 0.886719 32.502 2.4611 32.502 4.4032V29.3702C32.502 31.3123 30.9939 32.8867 29.1335 32.8867H3.87037C2.01005 32.8867 0.501953 31.3123 0.501953 29.3702V4.4032Z"
        fill="transparent"
      />
      <path
        strokeWidth={1}
        d="M19.1433 10.0387C19.1433 10.8121 18.879 11.4683 18.3503 12.0073C17.8217 12.5463 17.1781 12.8158 16.4196 12.8158C15.6381 12.8158 14.983 12.5463 14.4544 12.0073C13.9258 11.4683 13.6614 10.8121 13.6614 10.0387C13.6614 9.2654 13.9258 8.60922 14.4544 8.07022C14.983 7.53122 15.6381 7.26172 16.4196 7.26172C17.1781 7.26172 17.8217 7.53122 18.3503 8.07022C18.879 8.60922 19.1433 9.2654 19.1433 10.0387ZM13.627 19.771C13.627 18.9977 13.8913 18.3415 14.4199 17.8025C14.9716 17.2401 15.6381 16.9588 16.4196 16.9588C17.1551 16.9588 17.7987 17.2401 18.3503 17.8025C18.9019 18.3415 19.2237 18.9508 19.3157 19.6304C19.4995 20.8959 19.2697 22.1496 18.6261 23.3917C18.0055 24.6337 17.1091 25.5828 15.9369 26.239C15.2933 26.614 14.7647 26.6023 14.351 26.2039C13.9602 25.8289 14.0752 25.3836 14.6957 24.8681C15.0405 24.6103 15.3278 24.2822 15.5577 23.8838C15.7875 23.4854 15.9369 23.0753 16.0059 22.6535C16.0289 22.466 15.9484 22.3723 15.7645 22.3723C15.3048 22.3488 14.8336 22.0911 14.351 21.5989C13.8683 21.1068 13.627 20.4975 13.627 19.771Z"
        fill="currentColor"
      />
    </g>
    <defs>
      <clipPath id="clip0_1094_102908">
        <rect width="32" height="32" fill="transparent" transform="translate(0.501953 0.886719)" />
      </clipPath>
    </defs>
  </svg>
);
